// 处理input的白/蓝边

:root {
  --el-color-primary: #385e8e !important;
  --el-color-primary-light-3: #7596c4 !important;
  --el-color-primary-light-5: #96afd1 !important;
  --el-color-primary-light-7: #b7c8de !important;
  --el-color-primary-light-8: #c7d4e5 !important;
  --el-color-primary-light-9: #e8edf4 !important;
  --el-color-primary-dark-2: #385e8e !important;
  --el-color-primary-hover: #5889bf !important;
}
.el-input__inner {
//   box-shadow: none !important;
//   color: #fff !important;
  color: #000 !important;
}

// .el-input__wrapper {
//   background-color: transparent !important;
//   border-color: rgba(141, 144, 149, 1) !important;

//   &.is-focus {
//     background-color: transparent !important;
//     border-color: #fff !important;
//     box-shadow: 0 0 0 1px #fff !important;
//   }
// }

// .el-form-item__label {
//   color: #fff !important;
// }

//处理图片的灰底色
.el-avatar {
  --el-avatar-bg-color: none !important
;
}

.el-header {
  padding: 0 !important;
}

.el-table__row {
  cursor: pointer;
}

.el-dialog {
  padding: 0 !important;
  margin-top: 24vh !important;
}
.el-dialog__header {
  margin-right: 0 !important;
  background: rgba(209, 213, 219, 0.6);
  font-weight: 700;
  height: 48px;
  line-height: 48px;
  padding: 0 !important;

  .el-dialog__title {
    font-size: 22px;
  }

  .el-dialog__close {
    height: 1.5rem;
    width: 1.5rem;
    line-height: 1.5rem;

    svg {
      height: 1.5rem;
      width: 1.5rem;
    }
  }
}
.el-dialog__body {
  padding: 20px;
}
.el-dialog__footer {
  padding-bottom: 20px;
}
.el-form-item__error {
  font-weight: 400 !important;
}

.el-message--success {
  --el-message-bg-color: white !important;
  --el-message-border-color: #34c759 !important;
  --el-message-text-color: #34c759 !important;
}
.el-message--error {
  --el-message-bg-color: white !important;
  --el-message-border-color: #ff1f1f !important;
  --el-message-text-color: #ff1f1f !important;
}

.el-select__wrapper {
  height: 36px !important;
}

.el-sub-menu__title {
  font-size: 16px !important;
}

.el-menu-item {
  font-size: 16px !important;
}

.el-table {
  --el-table-bg-color: transparent !important;
  // --el-table-border-color: rgba(255, 255, 255, 0.3) !important;
  // --el-table-header-bg-color: #3c577d !important;
  --el-table-tr-bg-color: transparent !important;
  // --el-table-hover-bg-color: #3c577d !important;

  tr {
    background-color: transparent !important;

    &:hover {
      // background-color: #3c577d !important;

      > td.el-table__cell {
        background-color: transparent !important;
      }
    }
  }

  td.el-table__cell,
  th.el-table__cell {
    // background-color: transparent !important;

    &:hover {
      background-color: transparent !important;
    }
  }

  td.el-table__cell div {
    // color: #fff;
    font-weight: 400 !important;
  }

  th.el-table__cell {
    // background-color: transparent !important;

    &:hover {
      background-color: transparent !important;
    }

    div {
      // color: #fff !important;
      color: #000 !important;
      font-weight: 700 !important;
      
    }
  }
}

.el-dialog {
  // background: linear-gradient(to right, rgba(23, 64, 105, 1), rgba(18, 29, 55, 1)) !important;
}
.el-dialog__header {


  // background: linear-gradient(
  //   to right,
  //   rgba(155, 222, 246, 0.18),
  //   rgba(247, 247, 247, 0.3),
  //   rgba(155, 222, 246, 0.18)
  // );
}

.el-dialog__header .el-dialog__title {
  // color: #fff !important;
}

// .el-select-dropdown {
//   background: linear-gradient(to right, rgba(23, 64, 105, 1), rgba(18, 29, 55, 1)) !important;
//   border: 1px solid rgba(255, 255, 255, 0.3) !important;

//   .el-select-dropdown__item {
//     color: #fff !important;
//     background-color: transparent !important;

//     &.hover,
//     &:hover {
//       background-color: #3c577d !important;
//     }

//     &.selected,
//     &.is-selected {
//       background-color: #3c577d !important;
//       color: #fff !important;
//       font-weight: 700 !important;
//     }
//   }
// }

// .el-select {
//   --el-select-border-color-hover: blue !important;
//   --el-select-input-focus-border-color: #fff !important;

//   .el-select__wrapper {
//     background-color: transparent !important;
//   }
//   .el-select__wrapper.is-focused {
//     box-shadow: 0 0 0 2px rgba(23, 185, 255, 0.5) !important;
//   }
//   .el-input__inner {
//     color: #fff !important;
//   }
// }
// .el-select__placeholder {
//   color: #fff !important;
// }

// 日期选择器样式
// .el-date-picker {
//   background: linear-gradient(to right, rgba(23, 64, 105, 1), rgba(18, 29, 55, 1)) !important;
//   border: 1px solid rgba(255, 255, 255, 0.3) !important;

//   .el-date-picker__header-label,
//   .el-date-picker__time-header,
//   .el-date-table th {
//     color: #fff !important;
//   }

//   .el-date-table td {
//     &.available:hover {
//       color: #fff !important;
//     }

//     &.today span {
//       color: var(--el-color-primary) !important;
//     }

//     &.current:not(.disabled) span {
//       background-color: var(--el-color-primary) !important;
//       color: #fff !important;
//     }
//   }

//   .el-picker-panel__icon-btn,
//   .el-date-picker__header-label {
//     &:hover {
//       color: var(--el-color-primary) !important;
//     }
//   }

//   .el-time-panel {
//     background: linear-gradient(to right, rgba(23, 64, 105, 1), rgba(18, 29, 55, 1)) !important;
//     border: 1px solid rgba(255, 255, 255, 0.3) !important;

//     .el-time-panel__content {
//       &::before,
//       &::after {
//         background-color: rgba(255, 255, 255, 0.3) !important;
//       }

//       .el-time-spinner__item {
//         color: #fff !important;

//         &.active,
//         &:hover {
//           background-color: #3c577d !important;
//         }
//       }
//     }

//     .el-time-panel__footer {
//       border-top: 1px solid rgba(255, 255, 255, 0.3) !important;

//       .el-time-panel__btn {
//         color: #fff !important;

//         &:hover {
//           color: var(--el-color-primary) !important;
//         }

//         &.confirm {
//           font-weight: 700;
//         }
//       }
//     }
//   }
// }

// .el-date-editor {
//   --el-datepicker-border-color-hover: #fff !important;
//   --el-datepicker-input-focus-border-color: #fff !important;

//   .el-input__wrapper {
//     background-color: transparent !important;

//     &.is-focus {
//       box-shadow: 0 0 0 2px rgba(23, 185, 255, 0.5) !important;
//     }
//   }

//   .el-input__inner {
//     color: #fff !important;
//   }
// }

// .el-date-editor__placeholder {
//   color: #fff !important;
// }

// .el-picker-panel__footer {
//   background-color: transparent !important;
//   border-top: 1px solid rgba(255, 255, 255, 0.3) !important;

//   .el-button {
//     &:hover {
//       color: var(--el-color-primary) !important;
//     }
//   }
// }

// .el-cascader {
//   --el-cascader-border-color-hover: blue !important;
//   --el-cascader-input-focus-border-color: #fff !important;

//   .el-input__wrapper {
//     background-color: transparent !important;

//     &.is-focus {
//       box-shadow: 0 0 0 2px rgba(23, 185, 255, 0.5) !important;
//     }
//   }

//   .el-input__inner {
//     color: #fff !important;
//   }
// }

// .el-cascader__placeholder {
//   color: #fff !important;
// }

// .el-cascader__dropdown {
//   background: linear-gradient(to right, rgba(23, 64, 105, 1), rgba(18, 29, 55, 1)) !important;
//   border: 1px solid rgba(255, 255, 255, 0.3) !important;

//   .el-cascader-node {
//     color: #fff !important;
//     background-color: transparent !important;

//     &:not(.is-disabled):hover,
//     &:not(.is-disabled):focus {
//       background-color: #3c577d !important;
//     }

//     &.is-active {
//       background-color: #3c577d !important;
//       color: #fff !important;
//       font-weight: 700 !important;
//     }
//   }
// }
// .el-cascader__tags .el-tag > span {
//   color: black;
// }
// .el-popper__arrow, .el-popper__arrow:before{
//   display: none;
// }

// 添加复选框样式
// .el-checkbox {
//   --el-checkbox-checked-text-color: #fff !important;
//   --el-checkbox-checked-icon-color: #fff !important;
  
//   .el-checkbox__label {
//     color: #fff !important;
//   }
// }

// .el-checkbox__input.is-checked .el-checkbox__inner:after{
//   border-color: white !important;
// }
